<template>

    <a-button :disabled="disabled" :ghost="ghost" :icon="icon" :loading="loading" :shape="shape" :size="size" :type="type" :block="block" :ref="componentRef" @click="onClick">
      <slot></slot> 
    </a-button>
</template>
<script>


export default {
    name:'EchButton',
    components:{},
    props:{
        componentRef:[String,Number],
        disabled:{
            type:Boolean,
            default:false,
        },
        ghost:{
            type:Boolean,
            default:false,
        },
        icon:String,
        loading:{
            type:Boolean,
            default:false,
        },
        shape:String,
        size:{
            type:String,
            default:'small'
        },
        type:{
            type:String,
            default:'primary'
        },
        block:{
            type:Boolean,
            default:false,
        },
    },
    data(){
        return{
          
        }
    },
   
    created(){
        
    },
    methods:{
        onClick(){
            this.$emit('click')
        }
    }
}
</script>